@charset "utf-8";

/*
 * File       : main.css
 * Author     : STUDIO-JT (KMS)
 * Guideline  : JTstyle.1.1
 *
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 1) GLOBAL
 * 2) VISUAL
 * 3) PHILOSOPHY
 * 4) LANNY’S MESSAGE
 * 5) BEST SELLERS
 * 6) LAN'S ACADEMY
 * 7) MEETING POINT
 * 8) INFORMATION BANNER
 * 9) LAN'S RECOMMENDATION
 * 10) BOARD
 * 11) INSTAGRAM
 */



@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot');
  src: url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2') format('woff2'), url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype'), url('../fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}



/* **************************************** *
 * GLOBAL
 * **************************************** */
.home .main_container {padding-bottom: 0;background: transparent;}

.main_section {padding: 170px 0;}
.main_section_head {padding-bottom: 72px;text-align: center;}
.main_section_title {font-size: 30px;color: #222; font-family:"Microsoft Yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; letter-spacing: 4px;}
.main_section_body {position: relative;}

.main_section_btn_wrap {padding-top: 57px;text-align: center;}



/* **************************************** *
 * VISUAL
 * **************************************** */
.main_section.main_visual {padding: 0;}
.main_visual {width: 100%;position: relative;background: #f6f6f6;overflow: hidden;}
.main_visual_slider {width: 100%;position: relative;}
.main_visual_item {display: none;width: 100%;height: 100%;position: relative;overflow: hidden;}
.main_visual_item:first-child {display: block;}
.main_visual_item > .wrap {height: 100%;}
.main_visual_content {display: table;width: 100%;height: 100%;opacity: 0;}
.main_visual_content_cell {display: table-cell;vertical-align: middle;}

.main_visual_content h2 {
	margin-left: -4px;
	font-size: 40px;
	font-weight: 300;
	line-height: 1.2;
	letter-spacing: 0.025em;
	color: #222;
	font-family:  "Microsoft Yahei","微软雅黑", "Arial", "Verdana", "sans-serif";
	}


.main_visual_content p {
	padding-top: 9px;
	font-size: 14px;
	line-height: 1.60;
	color: #444;
	font-family:  "Microsoft Yahei","微软雅黑", "Arial", "Verdana", "sans-serif";
}
.main_visual_content .jt_btn {margin-top: 24px;}
.main_visual_bg {width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: no-repeat center center;background-size: cover;-webkit-transform: scale(1.05) rotate(0.01deg);-ms-transform: scale(1.05) rotate(0.01deg);transform: scale(1.05) rotate(0.01deg);-webkit-transition: -webkit-transform 4s ease-in;transition: -webkit-transform 4s ease-in;transition: transform 4s ease-in;transition: transform 4s ease-in, -webkit-transform 4s ease-in;}
.main_visual_pc_bg {display: block;}
.main_visual_mobile_bg {display: none}
.main_visual_item.cycle-slide-active .main_visual_bg {-webkit-transform: scale(1) rotate(0deg);-ms-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);}

.main_visual_item_secondary .main_visual_content h2,
.main_visual_item_secondary .main_visual_content p {color: #fff;}

.main_visual .cycle_controler {width: 220px;height: 105px;left: 0;right: inherit;bottom: 0;background: #fff;}
.main_visual .cycle_control {position: absolute;left: 0;right: 0;bottom: 0;top: 0;}
.main_visual .cycle_control:after {display: none;}
.main_visual .cycle_btn {width: 50%;height: 100%;opacity: 0.3;-webkit-transition: opacity 300ms;transition: opacity 300ms;}
.main_visual .cycle_btn:after {line-height: 105px;}


.main_visual .cycle_prev:after {left: 7px; font-family: 'FontAwesome';content: '\f060';}
.main_visual .cycle_next:after {left: -7px; font-family: 'FontAwesome';content: '\f061';}



.main_visual .cycle_btn:hover {opacity: 1;}
.main_visual .cycle_btn:hover:after {color: #222;}

/* loading */
.main_visual:after {content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #f6f6f6;z-index: 200;}
.main_visual_slider {opacity: 0;-webkit-transition: opacity 1s;transition: opacity 1s;}
.main_visual_load.main_visual:after {opacity: 0;visibility: hidden;}
.main_visual_load .main_visual_slider {opacity: 1;}



/* **************************************** *
 * PHILOSOPHY
 * **************************************** */
.main_section.main_philosophy {padding-bottom: 0;overflow: hidden;}
.main_philosophy {background: url(../images/combg.jpg) no-repeat center center;background-size: cover;}

.main_philosophy_small_br,
.main_philosophy_xsmall_br {display: none;}

.philosophy_parallax_logo {width: 1794px;height: auto;position: absolute;top: 11%;left: 33%;z-index: 110;}
.philosophy_parallax_logo img {display: block;max-width: 100%;}

.main_philosophy_container {position: relative;}
.main_philosophy_container:after {content: '';display: table;clear: both;}
.main_philosophy_img {float: left;position: relative;}
.main_philosophy_subimg {float: right;clear: both;position: relative;margin-top: -100px;}
.main_philosophy_txt {width: 636px;height: 546px;padding: 0px 80px;position: absolute;bottom: 170px;right: 384px;background: #fff;z-index: 120;}

.main_philosophy_table {display: table;width: 100%;height: 100%;}
.main_philosophy_cell {display: table-cell;vertical-align: middle;}
.main_philosophy_box img {display: block;max-width: 100%;}



.main_philosophy_txt_inner h3 {padding-bottom: 30px;font-size: 30px;font-weight: 300;letter-spacing: 0.025em;color: #222;   font-family:  "Microsoft Yahei","微软雅黑", "Arial", "Verdana", "sans-serif";}
.main_philosophy_txt_inner b {display: block;padding-bottom: 18px;font-size: 15px;font-weight: 600;letter-spacing: -0.025em;line-height: 1.73;color: #222;}
.main_philosophy_txt_inner p {padding-bottom: 17px;font-size: 15px;letter-spacing: -0.025em;line-height: 1.86;color: #666;}
.main_philosophy_txt_inner .jt_btn {margin-top: 44px;}

.main_philosophy_slider {position: relative;height: 100%;}
.main_philosophy_item {display: none;width: 100%;height: 100%;}
.main_philosophy_item:first-child {display: block;}







/* **************************************** *
 * 董事长寄语
 * **************************************** */
.main_message {background: #f6f6f6;}

.main_message_small_br {display: none;}

.main_message_container {padding: 90px 98px 100px;position: relative;border: 2px solid #ddd;}
.main_message_content {position: relative;}
.main_message_content h3 {font-size: 25px;line-height: 1.53;letter-spacing: 0.033em;font-weight: 300;color: #222; font-family:  "Microsoft Yahei","微软雅黑", "Arial", "Verdana", "sans-serif";}
.main_message_content b {display: block;padding: 23px 0 19px;font-size: 15px;letter-spacing: -0.025em;line-height: 1.86;font-weight: 600;color: #222;}
.main_message_content p {font-size: 15px;letter-spacing: -0.025em;line-height: 1.73;color: #666;}
.main_message_content .jt_btn {margin-top: 36px;}
.main_message_image {position: absolute;right: 12.2%;bottom: 0;}
.main_message_image_motion_wrap {overflow: hidden;}
.main_message_image img {display: block;}
.main_message_caption {position: absolute;right: -13%;bottom: 14%;}
.main_message_caption span {display: block;padding-bottom: 3px;font-size: 15px;letter-spacing: -0.025em;text-align: center;color: #222;}






/* **************************************** *
 * BEST SELLERS
 * **************************************** */
.main_section.main_sellers {padding-bottom: 0;}

.main_sellers_txt p br.main_sellers_small_br,
.main_sellers_txt p br.main_sellers_xsmall_br {display: none;}

.main_sellers_container {width: 100%;height: 551px;position: relative;}
.main_sellers_container:after {content: '';display: table;clear: both;}
.main_sellers_slider {float: left;width: 50%;height: 100%;position: relative;}
.main_sellers_item {display: none;width: 100%;height: 100%;padding: 15px;background: #eceaeb no-repeat center center;background-size: cover;}
.main_sellers_item:first-child {display: block;}
.main_sellers_content {display: table;width: 100%;height: 100%;background: #fff;}
.main_sellers_content_cell {display: table-cell;width: 100%;padding: 0 15px;text-align: center;vertical-align: middle;}
.main_sellers_txt h3 {font-size: 22px;line-height: 1.53;color: #222;}
.main_sellers_txt b {display: block;padding: 5px 0 17px;font-size: 15px;letter-spacing: -0.025em;line-height: 1.86;font-weight: 600;color: #222;}
.main_sellers_txt p {font-size: 15px;line-height: 1.86;color: #666;}
.main_sellers_content .jt_btn {margin-top: 22px;}
.main_sellers_txt_slider .main_sellers_item {background-image: url(../images/main/sellers-txt-bg.jpg);}

.main_sellers_img_slider .main_sellers_item_01 {background-image: url(../images/research.jpg);}
.main_sellers_img_slider .main_sellers_item_02 {background-image: url(../images/plan.jpg);}



/* **************************************** *
 * 成功案例
 * **************************************** */
.main_section.main_academy {padding: 145px 0;}
.main_academy {background: #e7dcd4 url(../images/casebg.jpg) no-repeat center center;background-size: 100% 100%;}
.main_academy_content {padding: 67px 20px;text-align: center;background: #ffffff;background: rgba(255, 255, 255, .95);}
.main_academy_content h3 {padding-bottom: 10px;font-size: 26px;color: #e8000d;     font-family:  "Microsoft Yahei","微软雅黑", "Arial", "Verdana", "sans-serif";}
.main_academy_content p {padding-top: 8px;font-size: 15px;line-height: 1.86;letter-spacing: -0.025em;color: #666;}
.main_academy_content p > span {display: inline-block;position: relative;font-size: 13px;font-weight: 500;letter-spacing: -0.025em;text-decoration: none;color: #666;}
.main_academy_content p > span:after {content: '';display: block;width: 100%;height: 1px;position: absolute;left: 0;bottom: 2px;background: #e6e6e6;}
.main_academy_content .jt_btn {margin-top: 20px;}



/* **************************************** *
 * MEETING POINT
 * **************************************** */
.main_meeting {background: #232a11 url(../images/main/meeting-bg.jpg) no-repeat center center;background-size: cover;}
.main_meeting .main_section_title {color: #fff;}

.main_meeting_list {margin: 0 -33px;}
.main_meeting_list li {float: left;width: 33.33%;padding: 10px 33px 23px;}





.main_meeting_list a {display: block;position: relative;}
.main_meeting_list a:before {content: '';position: absolute;top: 10%;bottom: 0;left: 10%;right: 0;-webkit-box-shadow: 20px 20px 40px 4px rgba(0, 0, 0, .56);box-shadow: 20px 20px 40px 4px rgba(0, 0, 0, .56);}

.main_meeting_list figure {display: block;overflow: hidden;}
.main_meeting_list img {display: block;width: 100%;height: auto;-webkit-transform: scale(1) rotate(0deg);-ms-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);-webkit-transition: all 2s;transition: all 2s;}




.main_meeting_txt {width: 100%;padding: 47px 38px;position: absolute;left: 0;bottom: 0;}
.main_meeting_txt h3 {font-size: 20px;font-weight: 600;color: #fff;letter-spacing: -0.05em;}
.main_meeting_txt h3[lang="en"] {letter-spacing: -0.025em;}
.main_meeting_txt h3[lang="en"] span {padding-bottom: 4px;}
.main_meeting_txt h3 span {padding-bottom: 2px;position: relative;}
.main_meeting_txt h3 span:after {content: '';display: block;width: 100%;height: 2px;position: absolute;left: 0;bottom: 0;background: #ffffff;background: rgba(255, 255, 255, .8);-webkit-transform: translateY(5px);-ms-transform: translateY(5px);transform: translateY(5px);opacity: 0;-webkit-transition: opacity 0.3s, -webkit-transform 0.4s;transition: opacity 0.3s, -webkit-transform 0.4s;transition: opacity 0.3s, transform 0.4s;transition: opacity 0.3s, transform 0.4s, -webkit-transform 0.4s;}
.main_meeting_txt p {min-height: 3.72em;margin-top: 16px;font-size: 15px;line-height: 1.86;letter-spacing: -0.025em;color: #fff;}
.main_meeting_list li a:hover img {-webkit-transform: scale(1.02) rotate(0.01deg);-ms-transform: scale(1.02) rotate(0.01deg);transform: scale(1.02) rotate(0.01deg);}
.main_meeting_list li a:hover .main_meeting_txt h3 span:after {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);opacity: 1;}



/* **************************************** *
 * 招聘
 * **************************************** */
.main_section.main_information {padding: 0;}

.main_information_small_br {display: none;}

.main_information_table {display: table;width: 100%;}
.main_information_cell {display: table-cell;width: 50%;vertical-align: middle;background: no-repeat center center;background-size: cover;}
.main_information_txt_table {display: table;width: 100%;height: 100%;}
.main_information_txt_cell {display: table-cell;width: 100%;padding: 105px 15px;vertical-align: middle;}
.main_information a {display: block;height: 100%;position: relative;overflow: hidden;}
.main_information b {display: block;position: relative;font-size: 23px;font-weight: 500;letter-spacing: -0.025em;text-align: center;color: #fff;        font-family:  "Microsoft Yahei","微软雅黑", "Arial", "Verdana", "sans-serif";      }
.main_information p {padding-top: 18px;position: relative;font-size: 15px;line-height: 1.86;letter-spacing: -0.025em;text-align: center;color: #fff;}
.main_information_bg {position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: no-repeat center center;background-size: cover;-webkit-transform: scale(1) rotate(0deg);-ms-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);-webkit-transition: all 2s;transition: all 2s;}
.main_information a:hover .main_information_bg {-webkit-transform: scale(1.05) rotate(0.01deg);-ms-transform: scale(1.05) rotate(0.01deg);transform: scale(1.05) rotate(0.01deg);}

.main_information_base .main_information_bg {background-image: url(../images/career.jpg);}
.main_information_innovate .main_information_bg {background-image: url(../images/careera.jpg);}



/* **************************************** *
 * LAN'S RECOMMENDATION
 * **************************************** */
.main_recommend {background: #f6f6f6;}
.main_recommend_wrap {position: relative;}

.main_recommend_slider {position: relative;margin: 0 -12px;}
.main_recommend_item {width: 33.33%;padding: 0 12px;}
.main_recommend_item a {display: block;position: relative;}
.main_recommend_item img {display: block;max-width: 100%;}
.main_recommend_txt {padding: 30px 34px 50px;}
.main_recommend_txt h3 {display: block;width: 100%;padding-bottom: 19px;font-size: 18px;letter-spacing: -0.025em;line-height: 1;font-weight: 500;color: #222;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main_recommend_txt p {height: 3.72em;font-size: 15px;line-height: 1.86;color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.main_recommend_item a:after {content: '';border: 2px solid #e8000d;opacity: 0;margin: auto;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: 300ms border, 150ms opacity;transition: 300ms border, 150ms opacity;-webkit-transition-delay: 0ms, 100ms;transition-delay: 0ms, 100ms;position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 9;}
.main_recommend_item a:hover:after {border-width: 6px;opacity: 1;-webkit-transition: 300ms border, 50ms opacity;transition: 300ms border, 50ms opacity;-webkit-transition-delay: 0ms, 0ms;transition-delay: 0ms, 0ms;}

.main_recommend .slick-control {margin-top: -120px;}
.main_recommend .slick-control .slick-prev {left: -102px;font-family: 'FontAwesome';content: '\f060';}
.main_recommend .slick-control .slick-next {right: -102px;font-family: 'FontAwesome';content: '\f061';}



/* **************************************** *
 * BOARD
 * **************************************** */
.main_section.main_board {padding: 0;}
.main_board > .wrap:after {content: '';display: table;clear: both;}

.main_board_container {float: left;width: 50%;position: relative;}
.main_board_container:first-child:after {content: '';display: block;width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: #ebebeb;}
.main_board_content {width: -webkit-calc(100% - 56px);width: calc(100% - 56px);position: relative;}

.main_board_title {position: absolute;left: 0;top: 0;font-size: 18px;font-weight: 500;line-height: 100px;letter-spacing: -0.025em;color: #222;}
.main_board_slider {display: block;}
.main_board_slider li {display: none;width: 100%;padding: 30px 0;}
.main_board_slider li:first-child {display: block;}
.main_board_slider li a {display: block;padding-right: 50px;position: relative;font-size: 15px;line-height: 40px;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transition: color 300ms;transition: color 300ms;}
.main_board_slider li a:after {display: block;width: 35px;height: 100%;position: absolute;top: 0;right: 0;font-family: 'FontAwesome';content: '\f105';font-size: 35px;line-height: 40px;font-weight: normal;text-align: center;color: #b6a680;}
.main_board_slider li a:hover {color: #baab87;}
/*.main_board_slider li a span {position: relative;border-bottom: 1px solid transparent;transition: border 300ms;}*/
/*.main_board_slider li a:hover span {border-bottom-color: #666;}*/

.main_board_news .main_board_content {float: left;}
.main_board_news .main_board_slider {margin-left: 86px;width: -webkit-calc(100% - 86px);width: calc(100% - 86px);}

.main_board_media .main_board_content {float: right;}
.main_board_media .main_board_slider {margin-left: 86px;width: -webkit-calc(100% - 86px);width: calc(100% - 86px);}



/* **************************************** *
 * INSTAGRAM
 * **************************************** */
.main_section.main_insta {padding: 0;}
.main_instagram_container {position: relative;}
.main_instagram_container .slick-control .slick-prev {left: 15px;font-family: 'FontAwesome';content: '\f060';}
.main_instagram_container .slick-control .slick-next {right: 15px;font-family: 'FontAwesome';content: '\f061';}

.main_instagram_container #sb_instagram .sbi_item .sbi_photo {position: relative;}
.main_instagram_container #sb_instagram .sbi_item .sbi_photo:after {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: #c09e77 url(../images/icon/icon-link.svg) no-repeat center center;background: rgba(192, 158, 119, .7) url(../images/icon/icon-link.svg) no-repeat center center;background-size: 32px auto;opacity: 0;-webkit-transition: opacity 420ms;transition: opacity 420ms;}
.main_instagram_container #sb_instagram .sbi_item:hover .sbi_photo:after {opacity: 1;}